{% extends "base.html" %}

{% block title %}Browse{% endblock %}

{% block head_script %}
<script type="text/javascript" src="/static/js/item-thumbnail.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        init_thumbnail();
    });
</script>
{% endblock %}

{% block main_content %}
{% for category in categories %}
    <h3 class="well" id="whats-hot">{{ category.name }}</h3>
    <ul class="thumbnails row">
    {% for item in category.items.all %}
        <li class="span3">
        {% include "shop/item-cell.html" %}
        </li>
    {% endfor %}
    </ul>
{% endfor %}
{% endblock %}
